<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="/template.xhtml">

	<ui:define name="tituloPagina">
		<p:outputLabel value="#{msgs['paginas.cadastro.titulo.reunioes']}" />
	</ui:define>
	<ui:define name="principal">
		<style type="text/css">
.ui-picklist .ui-picklist-list {
	height: 200px;
	list-style-type: none;
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 300px;
}
</style>

		<div class="formulario">
			<p:panelGrid columns="3">
				<p:outputLabel value="#{msgs['campos.titulo.data.reuniao']}"
					for="popupButtonCal" />
				<p:calendar id="popupButtonCal" showOn="button" required="true"
					requiredMessage="Campo Obrigatório"
					value="#{reuniaoBean.reuniao.dataReuniao}" locale="pt_BR"
					pattern="dd/MM/yyyy HH:mm">
				</p:calendar>
				<p:message for="popupButtonCal" />
				<p:outputLabel value="#{msgs['campos.titulo.nome']}" for="descricao" />
				<p:inputText value="#{reuniaoBean.reuniao.nome}" cols="22"
					required="true" id="descricao" requiredMessage="Campo Obrigátorio"
					style="width: 218px;" />
				<p:message for="descricao" />
			</p:panelGrid>

			<h2>Participantes da Reunião</h2>
			<p:pickList value="#{reuniaoBean.dualListPessoa}" var="pessoa"
				style="height: 136px !important;" itemValue="#{pessoa}"
				itemLabel="#{pessoa}" showCheckbox="true">

				<f:facet name="sourceCaption">Todos</f:facet>
				<f:facet name="targetCaption">Selecionados</f:facet>
			</p:pickList>

		</div>
	</ui:define>
	<ui:define name="botoes">
		<p:commandButton action="#{reuniaoBean.salvar}"
			value="#{msgs['botoes.salvar']}" icon="ui-icon-disk" ajax="false" />

		<p:commandButton action="#{reuniaoBean.cancelar}"
			value="#{msgs['botoes.cancelar']}" immediate="true" />
	</ui:define>
</ui:composition>
</html>